<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=no" />
	<title></title>
	<link rel="stylesheet" href="../../css/segmentation.css">
</head>
<body class="HolyGrail">
	<header>
		<div class="title">
		   <span class="item">视频音频分割软件</span>
		</div>
	</header>
	<div class="HolyGrail-bg"></div>
	<div class="HolyGrail-body">
		<nav class="HolyGrail-nav">
            <div class="nav-title">
            	<p>系统功能栏</p>
            </div> 
            <div class="listBox">
	            <div class="buttonList">
	            	<a href="{{url('segmentation/clip')}}">音频剪辑</a>
	            </div>
	            <div class="buttonList">
	            	<a href="{{url('segmentation/videoClip')}}">视频剪辑</a>
	            </div>	
	            <div class="buttonList">
	            	<a href="{{url('segmentation/vicoeSpot')}}">语音识别</a>
	            </div>	
	            <div class="buttonList">
	            	<a>文件管理</a>
	            </div>	
	            <div class="buttonList">
	            	<a>用户管理</a>
	            </div>	
	            <div class="buttonList">
	            	<a>系统设置</a>
	            </div>	
	            <div class="buttonList">
	            	<a>退出软件</a>
	            </div>	
            </div>
		</nav>
		<main class="HolyGrail-content">
			<div class="content_box">
				<div class="nav-title">
					<p></p>
				</div>
				<div class="clip">
				     <div class="openClip">
				     	<div class="openClipTip">
				     		<div class="imgBox">
				     			<img src="../../image/sonicCut.jpg">
				     		</div>
				     		<div class="progress">
                                <input type="range" name="points" min="1" max="100" />
				     		</div>
				     		<div class="progressBar">
				     			 <div class="progressTime">
				     			 	 <span>00:00:00</span>
				     			 	 <span>00:01:54</span>
				     			 </div>
				     			 <div class="progressSeeting">
				     			 	 <a></a>
				     			 	 <a></a>
				     			 	 <a></a>
				     			 </div>
				     		</div>
				     	</div>
				     	<div class="openClipBottom">
				     		 <p class="openClipTitle">截取片段</p>
				     		 <div class="openClipBottom_left">
				     		 	 <span>开始时间</span>
				     		 	 <p>
				     		 	 	<input type="text" value="00:00:00">
				     		 	 </p>
				     		 </div>
				     		 <div class="openClipBottom_right">
				     		 	 <span>结束时间</span>
				     		 	 <p>
				     		 	 	<input type="text" value="00:01:54">
				     		 	 </p>
				     		 </div>
				     	</div>
				     </div>
				     <div class="openClipSure">
				     	  <a  href="{{url('segmentation/clip')}}">确定</a>
				     </div>
				</div> 			
			</div>
		</main>
	</div>
	<footer>
		<div class="title">
		   <span class="item"></span>
		</div>
	</footer>
</body>
</html>
